<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Untitled Document</title>

            <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery-2.1.1.min.js"></script>
            <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap.css" />

            <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap-theme.css"  />
            <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.js"></script>
            <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery.validate.js"></script>
            <script type="text/javascript" src="http://localhost:8080/nfa/js/messages_vi.js"></script>
            <script type="text/javascript" src="http://localhost:8080/nfa/js/js.js"></script>
              <style type="text/css">
                                footer{
                                    background-color:#2A9FFF;
                                    bottom:0;
                                    position: relative;
                                    left:0; 
                                    height: 70px; 
                                    width:100%;
                                    text-align:center; 
                                }

                                .center {
                                    width: 85%;
                                    height: auto;



                                    margin: auto;

                                }
                                body{
                                    background: #e9eaed;
                                }
                                #main-menu{


                                    font-weight: bold;
                                }
                                .one {

                                    text-decoration: none;
                                    display: block;

                                    float: left;
                                    margin: 0 3px 3px 0;
                                    opacity: 1;
                                    -webkit-transform: scale(1,1);
                                    -webkit-transition-timing-function: ease-out;
                                    -webkit-transition-duration: 250ms;
                                    -moz-transform: scale(1,1);
                                    -moz-transition-timing-function: ease-out;
                                    -moz-transition-duration: 250ms;
                                }
                                .one:hover {

                                    -webkit-transform: scale(1.3,1.3);
                                    -webkit-transition-timing-function: ease-out;
                                    -webkit-transition-duration: 250ms;
                                    -moz-transform: scale(1.3,1.3);
                                    -moz-transition-timing-function: ease-out;
                                    -moz-transition-duration: 250ms;
                                    position: relative;
                                    z-index: 99;
                                }

                            </style>
    </head>

    <body>
        <header>
            <nav class="navbar navbar-default " role="navigation">
                <div class="center">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">

                            <a class="navbar-brand" style="font-variant-east-asian: simplified; font-size: 28px; color: #A70000;" href="#"><b>NFA</b></a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li ><a href="<?php echo base_url(); ?>">Trang chủ</a></li>
                                <li class="active"><a href="<?php echo base_url('register'); ?>">Đăng kí</a></li>
                                <li><a href="#">Giới thiệu</a></li>
                                <li><a href="#">Liên Hệ</a></li>
                            </ul>


                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </div>
            </nav>


        </header>

        <div class="center">

            <div class="row">
                <p style="color: #2ADF00 ; font-size: 30px; font-weight: bold;">ĐĂNG KÍ</p>
            </div>
            <div id="thongbao1" class=" alert alert-success text-center" style="display: none;">

            </div>
            <form class="form-horizontal" id="signup-form" role="form" >
                <div class="row">

                    <div class="col-xs-9 col-sm-5 col-md-5">
                        <div class="panel panel-primary">
                            <div class="panel-heading"> THÔNG TIN CÁ NHÂN </div>
                            <div class="panel-body">

                                <div class="form-group">
                                    <label for="inputname1" class="col-sm-2 control-label">Họ tên</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="required  form-control" id="inputname1" name="name" placeholder="Tên đầy đủ">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" class="required email form-control" id="inputEmail3" name="email" placeholder="Email">
                                    </div>
                                </div>
                                <div class="form-group" id="thongbao" style=" display: none;">

                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" name="password" class="required form-control" id="inputPassword3" placeholder="Password">
                                    </div>
                                </div>
                                <div  class="form-group">
                                    <div class="radio-inline">
                                        <label> Giới tính:</label>
                                    </div>

                                    <div class="radio-inline">
                                        <label>
                                            <input type="radio" name="gender" id="optionsRadios1" value="Nam" checked>
                                                Nam
                                        </label>
                                    </div>
                                    <div class="radio-inline">
                                        <label>
                                            <input type="radio" name="gender" id="optionsRadios2" value="Nữ">
                                                Nữ 
                                        </label>
                                    </div>
                                </div>
                                <div  class="form-group">


                                    <div class="radio-inline">
                                        <label> Ngày sinh :</label>
                                    </div>
                                    <div class=" radio-inline">
                                        <select name="date" class="number form-control">
                                            <option>Ngày</option>
                                            <?php for ($i = 1; $i <= 30; $i++) { ?>


                                                <option><?php echo $i; ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>

                                    <div class=" radio-inline">
                                        <select name="moth" class="number form-control">
                                            <option>Tháng</option>
                                            <?php for ($y = 1; $y <= 12; $y++) { ?>


                                                <option><?php echo $y; ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                    <div class=" radio-inline">
                                        <select name="year" class="number form-control">
                                            <option> Năm </option>
                                            <?php for ($z = 1960; $z <= 1995; $z++) { ?>


                                                <option><?php echo $z; ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="radio-inline">
                                        <label> Thành Phố </label>
                                    </div>
                                    <div class=" radio-inline">
                                        <select name="city" class="form-control">
                                            <option>Hà Nội</option>
                                            <option>TP.Hồ Chí Minh</option>
                                            <option>Đà Nẵng</option>
                                            <option> Huế </option>
                                            <option> Dak Lak</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="tel" class="col-sm-3 control-label">Số điện thoại</label>
                                    <div class="col-sm-9">
                                        <input type="tel" name="tel" class="digits form-control" id="tel" placeholder="Số điện thoại">
                                    </div>
                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="col-xs-7 col-md-7">
                        <div class="panel panel-primary">
                            <div class="panel-heading"> THÔNG TIN HẸN HÒ </div>
                            <div class="panel-body">
                                <div class="form-group">
                                    <label  class="col-sm-2 control-label">Về bạn</label>
                                    <div class="col-sm-10">
                                        <textarea name="me" class="form-control" rows="3"></textarea>
                                        <br/>
                                        <p> Hãy viết một vài đặc điểm của bạn để chúng tôi có thể giúp bạn tìm 1 nửa phù hợp nhé!.</p>
                                        <div class="form-group" >
                                            <div class="">
                                                <label for="inputEmail3" class="col-sm-6 ">Chiều cao</label>
                                                <label for="inputEmail3" class="col-sm-3">Cân nặng</label>

                                            </div>
                                            <div class="">

                                                <div class="col-sm-4" style="margin-right:80px;">
                                                    <input type="text" name="height" class="form-control" id="inputEmail3" placeholder="Cm">
                                                </div>
                                                <div class="col-sm-4">
                                                    <input type="text" name="weight" class="form-control" id="inputEmail3" placeholder="Kg">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>	
                                <br />
                                <div class="form-group" >
                                    <label  class="col-sm-2 control-label">HẸN HÒ</label>
                                    <div class="col-sm-10">
                                        <br />


                                        <div class="">
                                            <label  class="col-sm-6 ">Tuổi</label>
                                            <label  class="col-sm-5">Mục đích hẹn hò</label>

                                        </div>

                                        <div class="form-group" >
                                            <div class=" radio-inline">
                                                <select  name="age" class="form-control" style="margin-right:75px;">
                                                    <option>từ 18-20 tuổi</option>
                                                    <option>tư 20-25 tuổi</option>
                                                    <option>từ 25-30 tuổi</option>
                                                    <option>từ 30-35 tuổi</option>
                                                    <option>từ 35-40 tuổi</option>
                                                </select>
                                            </div>
                                            <div class=" radio-inline">
                                                <select name="mucdich" class="form-control">
                                                    <option>Hôn nhân</option>
                                                    <option>Tình yêu</option>
                                                    <option>Tình dục</option>
                                                    <option>Tiền bạc</option>
                                                    <option>Hẹn hò</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label  class="col-sm-6">Bạn đang tìm kiếm :</label>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-10">

                                                <textarea name="about_you" class="form-control" rows="3"></textarea>
                                                <br/>
                                                <p> Hãy viết một vài điều về mẫu người mà bạn muốn tìm.</p>

                                            </div>

                                        </div>
                                    </div>


                                </div>	


                            </div>

                        </div>

                    </div>
                    <div class="row" style="text-align:center;">
                        <button type="submit" class=" btn btn-success btn-lg  "  > Đăng kí</button>
                        <p style=" text-align:center;">Bấm vào nút "Tạo tài khoản" bạn đồng ý với các điều khoản của chúng tôi </p>
                    </div>
            </form>    
        </div>
        </div>

        <footer>
            <div style="  color:#FFFBF0;">
                <address>
                    <strong>NFA</strong><br>
                        ©Copyright T2L group, 2014<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                            </address>
           </div>
       </footer>
  </body>
 </html>

                          
                        

